<template>
	<view class="zh-order-success">
		<view class="content">
			<image src="@/static/icons/success.png" class="success-icon"/>
			<view class="success-text">
				<text>下单成功!</text>
			</view>
			<view class="success-des font-26">
				<text>如有货物问题请与我们联系，我们将在24小时内为你解答！</text>
				<text>官方热线：0757-82138330</text>
			</view>
		</view>
		<button class="app-primary-button" hover-class="app-primary-button-active" @click="redirectTo('/pages/shop/goodsList')">继续选购</button>
		<view class="font-26 text-center font-1769ff mt-30" @click="redirectTo('/pages/order/purchase/index')">
			<text>我的订单</text>
		</view>
	</view>
</template>

<script setup lang="ts">
	const redirectTo = (url:string) => {
		uni.redirectTo({url:url})
	}
</script>

<style lang="scss" scoped>
	.zh-order-success {
		.content {
			margin-top:20rpx;
			background-color: $uni-bg-card-color;
			text-align:center;
			padding-top: 70rpx;
			margin-bottom: 60rpx;
			.success-icon {
				width: 140rpx;
				height: 146rpx;
			}
			.success-text {
				margin-top: 37rpx;
				font-size: 38rpx;
				font-weight: bold;
				padding-bottom:70rpx;
				border-bottom: 1rpx solid $uni-border-color;
			}
			.success-des {
				text-align:left;
				color:#8B8B8B;
				padding: 50rpx 30rpx;
				text {
					display:block;
				}
			}
		}
		
	}
</style>
